<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>微信/QQ检测</title>
    
        
</head>
<body>
    <script>
        var userBrowser = navigator.userAgent.toLowerCase()
        if (userBrowser.match(/MicroMessenger/i) == "micromessenger"){
            userBrowser = '微信客户端'
            //alert("微信客户端");
        } else if(userBrowser.match(/QQ/i) == 'qq') {
            userBrowser = 'QQ客户端'
            //alert("QQ客户端");
        }
        /*
        
        else if (/msie/i.test(userBrowser) && !/opera/i.test(userBrowser)){
            //alert("IE浏览器");
            userBrowser = 'IE浏览器'
        } else if (/firefox/i.test(userBrowser)) {
            //alert("Firefox 火狐浏览器");
            userBrowser = 'Firefox 火狐浏览器'
        } else if (/chrome/i.test(userBrowser) && /webkit/i.test(userBrowser) && /mozilla/i.test(userBrowser)) {
            //alert("Chrome 谷歌浏览器");
            userBrowser = 'Chrome 谷歌浏览器'
        } else if (/opera/i.test(userBrowser)) {
            //alert("Opera 欧朋浏览器");
            userBrowser = 'Opera 欧朋浏览器'
        } else if (/iPad/i.test(userBrowser)) {
            //alert("ipad");
            userBrowser = 'ipad'
            
            if (/webkit/i.test(userBrowser) && !(/chorme/i.test(userBrowser) && /webkit/i.test(userBrowser) && /mozilla/i.test(userBrowser))) {
                //alert("Safari");
                userBrowser = 'Safari浏览器'
            } else {
                //alert("unKnow 未知浏览器");
                userBrowser = 'unKnow 未知浏览器'
            }
        }

        */

        alert("当前浏览器："+userBrowser)







        
        
    </script>
   
    





    <script>
        //根据设备宽度计算html的font-size
        function resetHtmlFont(){
            //获取html对象并动态设置font-size = 设备宽度的1/10
            document.documentElement.style.fontSize = screen.width/10 + 'px';
        }
        //执行一下
        resetHtmlFont();
        //如果窗口大小改变了，则重新计算基础font-size
        window.onresize = resetHtmlFont;
    </script>


    <script type="text/javascript">
        var el = document.body;  
        if (el.addEventListener) {  
           window.addEventListener("online", function () {  
             alert("网络连接恢复");}, true);  
           window.addEventListener("offline", function () {  
             alert("网络连接中断");}, true);  
        }  
        else if (el.attachEvent) {  
           window.attachEvent("ononline", function () {  
             alert("网络连接恢复");});  
           window.attachEvent("onoffline", function () {  
             alert("网络连接中断");});  
        }  
        else {  
           window.ononline = function () {  
             alert("网络连接恢复");};  
           window.onoffline = function () {  
             alert("网络连接中断");};  
        }  
    </script>
</body>
</html>
